<template>
<div style="margin-top:100px;margin-left:20px;margin-right:20px;">
<el-form label-width="80px" label-position="left">
  <el-form-item label="标题">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="内容">
    <mce-editor v-model="value" :url="uploadUrl" :config="editorConfig"></mce-editor>
  </el-form-item>
</el-form>
</div>
</template>

<script>
import MceEditor from "@/components/mce-editor";

export default {
  data() {
      return {
        title: "",
        value: "",
        editorConfig: {
          height:300
        },
        uploadUrl: "http://localhost/TestAjax/uploader.aspx"
      }
  },
  components: {
    "mce-editor": MceEditor
  },
  mounted() {
    this.title = "测试标题";
    this.value = "测试内容";
  }
};
</script>
<style>
</style>
